<template>
  <div class="product-item">
    <img :src="productData.image" class="image" />
    <div>{{productData.price}}</div>
    <div>{{productData.description}}</div>
  </div>
</template>

<script>
export default {
  props: ["productData"] // 通过pros接收父组件传过来的数据
};
</script>

<style scoped>
.product-item {
  width: 25%;
}
.image {
  width: 220px;
  height: 220px;
}
</style>